/* reset style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;/*font-family:inherit;*/vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:#000;}
ol, ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
:before, :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* ------------------ body frame ------------------- */
.layui-layer-loading {background:none !important;border:none !important;}
.layui-layer-title {position:relative;line-height:50px !important;font-size:16px !important;}
.layui-layer-title,
.layui-layer-setwin {z-index:10011;}
.layui-layer-content {overflow:hidden;z-index:10010;}
.layui-layer-title{background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 100%);-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);}

/* flyer style */
.flyer-button.normal {background-color:#f00 !important;;border-color:#f00 !important;}
.flyer-form.pane .form-item .input-title,
.flyer-form .form-item .input-title {width:150px;font-size:14px;}
.flyer-form.pane .form-item .input-block,
.flyer-form .form-item .input-block {margin-left:150px;}
.flyer-form .form-item .input-mid {padding-left:0;}
.flyer-status.red {background-color:#f00 !important;}

body .layer-ext-espresso .layui-layer-setwin {z-index:10010;}
body .pika-single {z-index:99999999;}
html, body {height:100%;}
body {padding:0;margin:0;font-size:14px;color:#353535;background-color:#fff;}
body * {font-size:100%;font-family:'Raleway', Arial, '微软雅黑', monospace;}
a {color:#353535;text-decoration:none;}
a:hover {color:#F00;text-decoration:underline;}

.transition {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.contenter{width:1200px;margin:auto;}
.gradient-shadow,
.gradient {
    background:#f9f6f1;
    background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea));
    background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
    border:1px solid #d6d6d6;
    -webkit-background-clip:padding-box;
}
.gradient-shadow,
.gradient {
    background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    background:-o-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f2efea');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f2efea')";
    -webkit-background-clip:padding-box;
}
.gradient-shadow,
.shadow {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);}

#pg-header,
#pg-contenter,
#pg-footer {width:100%;min-width:1200px;}

/* loger image */
.loger {width:260px;height:80px;background-image:url(../image/loger.png);background-size:auto 100%;background-repeat:no-repeat;}
/* header style */
#pg-header{position:relative;height:110px;width:100%;border-bottom:1px solid #ddd;z-index:100;}
#toper {height:30px;line-height:30px;text-align:right;}
#toper a {}
#loger, #navigator {float:left;}
#searcher {float:right;}
#loger {}
#searcher {position:relative;width:240px;text-align:right;height:58px;padding-top:15px;line-height:35px;color:#9d9d9d;}
#searcher input[type=text] {height:35px;width:216px;font-size:14px;border:2px solid #dedede;border-radius:2px;padding:0 10px;}
#searcher span {position:absolute;height:35px;top:18px;right:10px;font-size:18px;cursor:pointer;}
/* navigator style */
#navigator {width:650px;margin-top:5px;z-index:100;}
#navigator .naver {float:left;height:48px;line-height:60px;margin:0 25px;font-size:18px;cursor:pointer;}
#navigator .naver:hover {border-bottom:2px solid #F00;}
#navigator a {display:block;height:48px;text-decoration:none;}

/* banner style */
#banner {/* height:320px; */background:#eee;}

#break-crumbs {padding:20px 0 10px 0;}
#break-crumbs a {text-decoration:none;color:#333;}
#break-crumbs a:first-child {}
#break-crumbs a:hover {text-decoration:underline;color:#666;}

/* box title & cont for common */
.titler {height:60px;line-height:60px;}
.titler .h3 {font-size:24px;font-weight:700;margin-right:10px;}
.titler .more {float:right;font-size:16px;}

.data-title {}
.data-title.sub {height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #ccc;}

.sub-title {height:50px;line-height:50px;font-size:18px;}
.sub-title i {display:inline-block;width:15px;height:15px;margin-right:10px;border-radius:25px;background-color:#f00;box-shadow:0 0 10px #f00;}
.sub-title .english {margin-left:10px;font-size:12px;color:#ccc;}

/* designer list */
.designer-detail .imager,
.designer-detail .user {display:inline-block;}
.designer-detail {float:left;width:33.3333%;}
.designer-detail .panel {background:#fafafa;padding:20px;margin:10px;border-radius:10px;}
.designer-detail .header {height:80px;line-height:30px;border-bottom:1px dashed #f00;}
.designer-detail .imager {float:left;width:40%;text-align:right;}
.designer-detail .imager img {width:60px;height:60px;margin-right:30px;border-radius:60px;border:none;}
.designer-detail .user {float:right;width:60%;}
.designer-detail .username {font-size:18px;}
.designer-detail .bodyer {position:relative;line-height:35px;padding-top:20px;}
.designer-detail .into {position:absolute;right:0;top:55px;width:110px;}
.designer-detail .into-ensume {display:block;line-height:27px;margin-top:5px;width:100%;text-align:center;background-color:#f00;color:#fff;border-radius:5px;}
.designer-detail .into-ensume:hover {text-decoration:none;}
.designer-detail.split4 {width:25%;}
.designer-detail.split4 .panel {padding:20px 10px;margin:5px;border-radius:5px;}
.designer-detail.split4 .header {height:50px;line-height:25px;border-bottom:none;}
.designer-detail.split4 .imager img {width:50px;height:50px;margin-right:20px;}
.designer-detail.split4 .username {font-size:16px;}
.designer-detail.split4 .bodyer {line-height:30px;padding-right:90px;font-size:12px;}
.designer-detail.split4 .into {top:50px;width:80px;}
.designer-detail.split4 .into-ensume {line-height:22px;border-radius:3px;}


/* design list */
.design-detail {float:left;width:33.3333%;}
.design-detail .panel {margin:10px;background:#fafafa;box-shadow:0 0 5px rgba(0,0,0,0.4);}
/*.design-detail .panel:hover {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}*/
.design-detail .imager {width:100%;height:400px;text-align:center;background-position:center;background-size:cover;overflow:hidden;}
.design-detail .imager a {display:block;width:100%;height:100%;border:none;}
.design-detail .title {height:30px;line-height:30px;font-size:16px;}
.design-detail .bodyer {padding:5px 10px;line-height:20px;}
.design-detail .design-style {float:right;font-size:12px;color:#808080;}
.design-detail .photo,
.design-detail .username {float:left;}
.design-detail .username {width:auto;line-height:25px;}
.design-detail .collection,
.design-detail .view {float:right;line-height:40px;width:80px;text-align:right;font-size:12px;}
.design-detail .collection {text-align:left;}
.design-detail .collection i,
.design-detail .view i {margin-right:5px;font-size:20px;}
.design-detail .photo {width:70px;}
.design-detail .photo img {height:50px;width:50px;border-radius:25px;}
.design-detail.split4 {float:left;width:25%;}
.design-detail.split4 .imager {height:270px;}
.design-detail.split4 .photo {width:60px;}
.design-detail.split4 .title {font-size:14px;}

/* article list style */
.artical-list.simple {line-height:30px;}

/* table style simple */
.flyer-table.simple table {border:none;}
.flyer-table.simple table:hover {box-shadow:none;}
.flyer-table.simple thead {background:#fff;box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);}
.flyer-table.simple th,
.flyer-table.simple td {border-left:none;border-top:none;border-bottom:1px solid #ccc;}
.flyer-table.simple th.first,
.flyer-table.simple td.first {padding-left:20px;}
/* stars */
.stars {unicode-bidi:bidi-override;direction:rtl;height:30px;line-height:30px;font-size:28px !important;}
.stars span.star {font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;}
.stars span.star:hover {cursor:pointer;}
.stars span.star:before {content:"\f006";padding-right:5px;color:#999;}
.stars span.star:hover:before,
.stars span.star:hover ~ span.star:before,
.stars span.star.hover:before,
.stars span.star.hover ~ span.star:before {content:"\f005";color:#f00;}
/* footer style */
#pg-footer,
#pg-footer a,
#pg-footer a:hover {color:#fff;}
#sitemap {padding:30px 0 20px 0;background-color:#303030;}
.sitemap,
.contact {float:left;line-height:35px;}
.sitemap {width:18%;}
.contact {width:28%;}
.sitemap .h3,
.contact .h3 {font-size:18px;margin-bottom:10px;}
#footer-text {line-height:50px;text-align:center;background-color:#404040;}

.large-font {font-size:26px;}

.box-titler {height:35px;line-height:35px;font-weight:700;border-bottom:3px solid #5c9acf;}

/* 输入框 错误提示 */
.warn{padding:20px;line-height:25px;border-radius:2px;background-position:10px 16px;background-repeat:no-repeat;font-weight:normal;border:1px solid #fff;text-align:left;word-break:break-all;word-wrap:break-word;}
.warn i{margin-right:5px;}
.warn.notice{border-color:#39a5bc;color:#fff;background-color:#39a5bc;}
.warn.success{border-color:#209d55;color:#fff;background-color:#209d55;}
.warn.error{border-color:#cf6666;color:#fff;background-color:#cf6666;}
.warn.warning{border-color:#b6750d;color:#fff;background-color:#b6750d;}
.warn.warn.cue{height:30px;line-height:30px;background-position:2px 5px;padding:5px 10px 5px 25px;}
.warn.warn p{margin:0;padding:0;}
.w-40px{width:40px !important;}
.w-50px{width:50px !important;}
.w-60px{width:60px !important;}
.w-70px{width:70px !important;}
.w-80px{width:80px !important;}
.w-85px{width:85px !important;}
.w-90px{width:90px !important;}
.w-100px{width:100px !important;}
.w-120px{width:120px !important;}
.w-130px{width:130px !important;}
.w-150px{width:150px !important;}
.w-180px{width:180px !important;}
.w-200px{width:200px !important;}
.w-250px{width:250px !important;}
.w-280px{width:280px !important;}
.w-300px{width:300px !important;}
.w-350px{width:350px !important;}
.w-375px{width:375px !important;}
.w-380px{width:380px !important;}
.w-400px{width:400px !important;}
.w-450px{width:450px !important;}
.w-500px{width:500px !important;}
.w-550px{width:550px !important;}
.w-600px{width:600px !important;}
.w-700px{width:700px !important;}
.w-750px{width:750px !important;}
.w-800px{width:800px !important;}
.w-900px{width:900px !important;}
.w-1000px{width:1000px !important;}
.w-1030px {width:1030px !important;}
.w-auto{width:auto !important;}
.w-p100{width:100% !important;}
.w-30per{width:30% !important;}
.w-65per{width:65% !important;}
.h-30px {height:30px !important;}
.h-300px{height:300px !important;}
.lh-35px{line-height:35px !important;}

.block{display:block !important;}
.inline-block{display:inline-block !important;}
.word-break{word-break:break-all !important;word-wrap:break-word !important;}
.hide-text{display:block;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}

.bd{border:1px solid #ccc !important;}
.br{border-right:1px solid #ccc !important;}
.bl{border-left:1px solid #ccc !important;}
.bb{border-bottom:1px solid #ccc !important;}
.bt{border-top:1px solid #ccc !important;}
.bdn{border:none !important;}
.pd,
.pd-10px{padding:10px !important;}
.pd-20px {padding:20px !important;}
.pl-0px {padding-left:0 !important;}
.pl,
.pl-10px{padding-left:10px !important;}
.pl-20px{padding-left:20px !important;}
.pr-5px {padding-right:5px;}
.pr,
.pr-10px{padding-right:10px !important;}
.pr-20px{padding-right:20px !important;}
.pt-5px {padding-top:5px !important;}
.pt,
.pt-10px{padding-top:10px !important;}
.pt-20px{padding-top:20px !important;}
.pb,
.pb-10px{padding-bottom:10px !important;}
.pb-20px{padding-bottom:20px !important;}

.mg,
.mg-10px{margin:10px !important;}
.mt-5px{margin-top:5px !important;}
.mt-7px{margin-top:7px !important;}
.mt,
.mt-10px{margin-top:10px !important;}
.mt-20px{margin-top:20px !important;}
.mt-40px{margin-top:40px !important;}
.ml-5px{margin-left:5px !important;}
.ml,
.ml-10px{margin-left:10px !important;}
.ml-20px{margin-left:20px !important;}
.ml-30px{margin-left:30px !important;}
.ml-40px{margin-left:40px !important;}
.mr-5px{margin-right:5px !important;}
.mr,
.mr-10px{margin-right:10px !important;}
.mr-20px{margin-right:20px !important;}
.mr-40px{margin-right:40px !important;}
.mb,
.mb-10px{margin-bottom:10px !important;}
.mb-20px{margin-bottom:20px !important;}
.mb-40px{margin-bottom:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.tl {text-align:left !important;}
.tlc {text-align:center !important;}
.tr {text-align:right !important;}
.cl-white{color:#FFF !important;}
.cl-red{color:#F00 !important;}
.cl-green{color:#008000 !important;}
.cl-gray{color:#808080 !important;}
.cl-blue{color:#2355DF !important;}
.cl-orange{color:#FF8800 !important;}
.cl-black-light {color:#353535 !important;}
.fs-12px{font-size:12px !important;}
.fs{font-size:14px !important;}
.fs-16px{font-size:16px !important;}
.fs-18px{font-size:18px !important;}
.fs-24px{font-size:24px !important;}

.pointer{cursor:pointer;}
.box-shadow{box-shadow:0 0px 5px rgba(0, 0, 0, 0.2);}

.fixed,
.boxing{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.fixed{outline:0;}
.clear{zoom:1;}
.clear:after{content:" ";display:block;height:0;clear:both;}